<template>
  <div class="main-container">
    <theoryExam />
    <Recomendation />
    <Process />
    <Honor />
    <about />
  </div>
</template>

<script setup>
import theoryExam from "../components/theoryExam.vue";
import Recomendation from "../components/Recomendation.vue";
import Process from "../components/Process.vue";
import Honor from "../components/Honor.vue";
import about from "../components/about.vue";
</script>

<style scoped>
.main-container {
  margin: 0px 150px 0px 150px;
  margin-top: 100px;
}
</style>
